@charset "UTF-8";
/********************辅助样式***********************/
input:focus {
    outline:none;
}
label {
    font-weight: normal;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.w-50{
    width: 50px;
}
.w-100{
    width: 100px;
}
.w-200{
    width: 200px;
}
.w-300{
    width: 300px;
}
.min-h-200{
    min-height: 200px;
}
.max-w-auto{
    max-width: 100%;
}
.max-w-300{
    max-width: 300px;
}
.max-h-200{
    max-height: 200px;
    overflow: hidden;
}
.max-h-300{
    max-height: 300px;
}
.overflow-y-auto{
    overflow-y: auto;
}
.margin-auto{
    margin: 0 auto;
}
.margin-auto-temp{
    margin: 0 auto;
    white-space: pre-line;
    max-width: 750px;
}
.h-500{
    height: 500px;
}
.h-300{
    height: 300px;
}
.h-auto{
    height: auto !important;
}
.btn{
    border-radius: 4px;
    font-size: 12px;
}
.btn-sm{
    border-radius: 2px;
}
.btn .icon{
    font-size: 12px;
    vertical-align: middle;
}
.text-left {
    text-align: left !important;
}
.vertical-top{
    vertical-align: top !important;
}
.vertical-middle{
    vertical-align: middle !important;
}
.nowrap{
    white-space: nowrap;
}
.overflow-initial{
    overflow: initial;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    padding: 7px 28px 6px;
}
.mb--15{
    margin-bottom: -15px;
}

.media-body{
    width: auto;
}
.padding-15{
    padding: 15px;
}
.padding-10{
    padding: 10px;
}

.pt-15{
    padding-top: 15px;
}
.pb-15{
    padding-bottom: 15px;
}
.pl-15{
    padding-left: 15px;
}
.pl-30{
    padding-left: 30px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.ml-10{
    margin-left: 10px;
}
.mr-10{
    margin-right: 10px;
}
.ml-15{
    margin-left: 15px;
}
.mr-15{
    margin-right: 15px;
}
.mr-04{
    margin-right: 4px;
}
.mt-15{
    margin-top: 15px;
}
.border-default{
    border: 1px solid #ddd;
}
.border-info{
    border: 1px solid #bce8f1;
}
.border-top{
    border-top: 1px solid #ddd;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
.border-left{
    border-left: 1px solid #ddd;
}
.border-right{
    border-right: 1px solid #ddd;
}
.p{
    padding-top: 4px;
    padding-bottom: 8px;
}
.fs-12{
    font-size: 12px !important;
}
.fs-14{
    font-size: 14px;
}
.fs-16{
    font-size: 16px;
}
.fs-18{
    font-size: 18px;
}
.lh-24{
    line-height: 24px
}
.btn-file{
    position: relative;
    overflow: hidden;
}
.btn-file input[type='file']{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
/* 表单验证提示样式 */
.help-block-error{
    font-size: 12px;
    color: #a94442;
}
.visibility{
   /*visibility: hidden;*/
   border: 1px solid #fff;
   font-size: 0;
   outline: none;
}
.validate-border{
    border-color:#d60a0a !important;
}
/*小号辅助字体*/
.small-muted{
    font-size: 12px;
    color: #999;
    font-weight: 400;
    vertical-align: text-bottom;
}
/*加粗强调字体*/
.strong{
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 8px;
}
/*柔和文字颜色*/
.text-buffing{
    color: #ca9300;
}
/*艳丽的文字颜色*/
.text-bright{
    color: #d60a0a;
}
/*代表label的其他颜色*/
.label-soft {
    background-color: #ff6633;
}
/*通用辅助背景颜色*/
.bg-f5{
    background-color: #f5f5f5;
}
.bg-f9{
    background-color: #f9f9f9;
}
.sp-container{
    z-index: 99999999 !important;
}
/*单行、多行文本省略*/
.line-1-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-2-ellipsis{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-3-ellipsis{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*flex 兼容样式*/
.flex {     /*定义布局为盒模型*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-1 {       /*子元素占据剩余的空间*/
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-v {       /*盒模型垂直布局*/
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-align-center {        /*子元素垂直居中*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-pack-center {         /*子元素水平居中*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-end {         /*子元素靠末尾*/
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.flex-pack-justify {        /*子元素两端对齐*/
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-auto-center{          /*盒模型元素垂直水平居中*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-center-justify{          /*盒模型元素垂直水平居中*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/********************辅助样式 end***********************/

/********************公用组合样式***********************/
/** checkbox radio */
.radio label, .checkbox label,
.checkbox-inline,.radio-inline{
    position: relative;
    color:#666;
    padding-left:24px;
}
.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"]{
    position:absolute;
    margin-left:-24px;
    cursor: pointer;
}
input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 16px;
    height:16px;
    border: 1px solid #ccc;
    outline: none !important;
    border-radius: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background:#fff;
    vertical-align:middle;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: border-color;
    transition-property:border-color;
    margin-top: 1px !important;
}
input[type=checkbox].large,
input[type=radio].large{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 18px;
    height:18px;
    border: 1px solid #e0e0e0;
    outline: 0;
    border-radius: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background:#fff;
    vertical-align:middle;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: border-color ;
    transition-property:border-color ;
}

input[type=checkbox],input[type=checkbox].large{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:2px;
}
input[type=checkbox]:checked,input[type=radio]:checked {
    border-color: #2589ff;
    background: #2589ff;
}

input[type=checkbox]:checked:before {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    height:6px;
    width: 9px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    top: 3px;
    margin-left:3px;
}
input[type=checkbox].large:checked:before{
    top: 4px;
    margin-left:4px;
}
input[type=radio]:checked:before {
    content: " ";
    display: inline-block;
    height:8px;
    width: 8px;
    background: #2589ff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    margin-left:2px;
}
input[type=radio].large:checked:before{
    top: 3px;
    margin-left:3px;
}
input[type=radio]:checked{
    border:2px solid #2589ff;
    background: #fff;
}
input[type=radio].disabled:checked{
    border:2px solid #ccc;
    background: #fff;
}
input[type=radio].disabled:checked:before {
    content: " ";
    display: inline-block;
    height:8px;
    width: 8px;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    margin-left:2px;
}
input[type=checkbox].success,
input[type=radio].success {
    border: 1px solid #e0e0e0;
}

input[type=checkbox].success:checked,input[type=radio].success:checked:before
{
    border-color: #54c952;
    background-color: #54c952;
}
input[type=radio].success:checked
{
    background: #fff;
    border:2px solid #54c952;
}
input[type=checkbox].warning,
input[type=radio].warning {
    border:1px solid #e0e0e0;
}
input[type=checkbox].warning:checked,input[type=radio].warning:checked:before {
    border-color: #ffc000;
    background-color: #ffc000;
}
input[type=radio].warning:checked{
    border:2px solid  #ffc000;
    background-color: #fff;
}
input[type=checkbox].danger,
input[type=radio].danger {
    border:1px solid #e0e0e0;
}
input[type=checkbox].danger:checked,input[type=radio].danger:checked:before {
    border-color: #eb6060;
    background-color: #eb6060;
}
input[type=radio].danger:checked{
    border:2px solid  #eb6060;
    background-color: #fff;
}

input[type=checkbox].gray,
input[type=radio].gray {
    border:1px solid #e0e0e0;
}
input[type=checkbox].gray:checked,input[type=radio].gray:checked:before {
    border-color: #ccc;
    background-color: #ccc;
}
input[type=radio].gray:checked{
    border:2px solid  #ccc;
    background-color: #fff;
}
input[type=checkbox].success:checked:before,
input[type=checkbox].primary:checked:before,
input[type=checkbox].warning:checked:before,
input[type=checkbox].danger:checked:before,
input[type=radio].success:checked:before,
input[type=radio].primary:checked:before,
input[type=radio].warning:checked:before,
input[type=radio].danger:checked:before
{
    border-color:#fff !important;
}

/*开关switch*/
.switch-inline{}
.switch-inline input[type="checkbox"] {
    display: none;
}
.switch-inline input[type="checkbox"] + label {
    display: inline-block;
    width: 52px;
    height: 22px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 0;
    margin-top: 7px;
    box-sizing: border-box;
    background: #ddd url('../images/close.png') no-repeat 25px 4px;
    border-radius: 20px;
    cursor: pointer;
}
.switch-inline input[type="checkbox"] + label:after {
    content: '';
    display: block;
    position: absolute;
    /*left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;*/
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;

    background: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 3px;
    left: 2px;
}

.switch-inline input[type="checkbox"]:checked + label {
    background: #2589ff url('../images/open.png') no-repeat 15px 4px;
}

.switch-inline input[type="checkbox"]:checked + label:after {
    left: calc(100% - 18px);
    background: #ffffff;
}
/* form 表单附加*/
.form-additional{
    padding: 15px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    width: 460px;
}
/*.form-additional .control-group{
    width: 298px;
}*/
.form-additional .control-label{
    text-align: left;
    width: 160px;
    cursor: pointer;
    white-space: nowrap;
}
.form-additional .control-label input[type=checkbox],.form-additional .control-label input[type=radio]{
    margin: 0px 4px 2px;
}
.form-additional .input-group{
    /*width: 200px;*/
}
.form-table-group{
    width: 600px;
}
.form-table-group .control-group{}
.form-table-group .control-label{
    width: 110px;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}
.form-table-group .control-label input[type=checkbox],.form-table-group .control-label input[type=radio]{
    margin: 0px 4px 2px;
}
/*文本输入框*/
.text-form-control{
    display: inline-block;
    width: 200px;
}
/*数字输入框*/
.number-form-control{
    display: inline-block;
    width: 100px;
    /*text-align: center;*/
}
/*排序输入框*/
.sort-form-control{
    display: inline-block;
    width: 70px;
    text-align: center;
}
/*表单头部heading*/
.form-heading{
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    font-weight: 700;
}
/*表单组合转行内*/
.v-form-inline{
    width: 882px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 0;
}
.v-form-inline .form-group{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    padding: 0 15px;
}
.v-form-inline .form-group .control-label{
    margin-bottom: 0;
    vertical-align: middle;
    padding-right: 8px;
    width: 64px;
    text-align: right;
    font-size: 14px;
}
.v-form-inline .form-group .form-control{
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}
.v-form-inline-auto{
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*日期相关样式*/
.v-form-inline .date-form-group{
    width: 441px;
}
.v-form-inline .date-form-group .date-input-group{
    display: inline-block;
    white-space: nowrap;
}
.v-form-inline .date-form-group .form-control{
    width: 160px;
    text-align: center;
    cursor: pointer;
}
.v-form-inline .date-form-group .date-input-group-addon{
    display: inline-block;
    vertical-align: middle;
    padding: 5px 8px;
    line-height: 20px;
        font-size: 14px;
}
.date-input-control{
    display: inline-block;
    position: relative;
    /*width: 160px;*/
}
.date-input-control .form-control{
    padding-right: 34px;
    cursor: pointer;
    background-color: #fff;
}
.date-input-control .icon{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
}
/*定义表单form-control*/
.inline-control{
    display: inline-block;
    width: 270px;
    height: 34px;
    padding: 6px 12px;
    vertical-align: middle;
}
/*地区输入框组合*/
.area-form-group{
    display: inline-block;
    width: 620px;
    font-size: 0;
}
.area-form-group .form-control{
    width: 192px !important;
    margin-left: 7px !important;
    display: inline-block;
}
.area-form-group .form-control:first-child{
    margin-left: 0 !important;
}
/*输入框分类选择器*/
.sotr-selector{
    position: relative;
}
.sotr-selector .sotr-selector-input{
    cursor: pointer;
    background: #fff;
}
.sotr-selector .sotr-selector-input-text{
    display: block;
    width: calc(100% - 2px);
    height: 32px;
    background: #fff;
    margin: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
    color: #666;
    padding: 6px 12px;
}
.sotr-selector .sotr-box{
    position: absolute;
    width: 400px;
    height: 300px;
    background:#fff;
    z-index: 100;
    top: 34px;
    left: 0;
    /*display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;*/
    border: 1px solid #ddd;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,.1);
    display: none;
}
.sotr-selector .sotr-box .list{
    border-right: 1px solid #ddd;
    height: 100%;
    overflow-y: auto;
    /*flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;*/
    width: 33.3333334%;
    float: left;

}
.sotr-selector .sotr-box .list:last-child {
    border-right: 0;
}
.sotr-selector .sotr-box .list .item{
    display: block;
    padding: 10px 15px;
    position: relative;
}
.sotr-selector .sotr-box .list .item.active {
    color: #fff;
    background: #2589ff;
}
.sotr-selector .sotr-box .list .item:after{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 16px;
}
.sotr-selector .sotr-box .list .item.active{
    color: #fff;
    background: #2589ff;
}
.sotr-selector .sotr-box .list .item.active:after{
    content: '';
}
.sotr-selector .sotr-box .list:last-child .item.active:after{
    content: initial;
}
/*定义模态框样式*/
.confirm-modal-sm{      /*确认提示框*/
    top:50%!important;
    -webkit-transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    -o-transform: translate(0, -50%)!important;
    transform: translate(0, -50%)!important;
}
.confirm-modal-sm .modal-header{
    font-weight: 700;
    font-size: 16px;
    border-bottom: 0;
}
.confirm-modal-sm .modal-footer{
    border-top: 0;
}
/*消息提示*/
.alert-message-dialog{
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 4%;
    z-index: 100000000;
    min-width: 320px;
    max-width: 400px;
    margin: 0;
    text-align: center;
    -webkit-animation-duration: .5s;
    -webkit-animation-delay: .1s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: .1s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-delay: .1s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: .1s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}
.alert-message-dialog .icon{
    font-size: 18px;
    padding-right: 4px;
    vertical-align: text-top;
}
.alert-danger-1{
    background-color: #facbc1;
    border-color: #ed4014;
}
.alert-danger-1 .icon{
    color: #ed4014;
}
.alert-success-1{
    background-color: #cef6b7;
    border-color: #79d149;
}
.alert-success-1 .icon{
    color: #79d149;
}
.alert-info-1{
    background-color: #cadaf9;
    border-color: #1e83ff;
}
.alert-info-1 .icon{
    color: #1e83ff;
}

/*页面公告栏样式*/
.alert-tips{
    border: 1px solid #ffc875;
    background-color: #fcf5de;
    font-size: 12px; 
    border-radius: 4px;
}
.alert-tips .alert-tips-title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}
.alert-tips .alert-link{
    color: #ff0000;
}
/*筛选条件标题*/
.screen-title{
    height: 32px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
.screen-title .text{
    float: left;
    height: 32px;
    line-height: 30px;
    padding-right: 6px;
    font-weight: 700;
    border-bottom: 3px solid #2589ff;
}
/*nav标签页选项*/
.v-nav-tabs{
    margin-bottom: 10px;
}
.v-nav-tabs>li{

}
.v-nav-tabs>li>a{
    background-color: #f5f5f5;
    /*border-radius: 4px;*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 0;
    text-align: center;
    width: 82px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}
.v-nav-tabs>li>a span{
    display: inline-block;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.v-nav-tabs>li.active>a, .v-nav-tabs>li.active>a:focus, .v-nav-tabs>li.active>a:hover{
    background-color: #2589ff;
    color: #fff;
}
/*公共表格样式*/
.v-table{
    border: 1px solid #dddddd;
}
.v-table>thead{
    background-color: #f5f5f5;
}
.v-table>thead>tr>th{
    color: #444;
    border-bottom: 1px solid #ddd;
}
.table-auto-center,.table-auto-center th{
    text-align: center;
    vertical-align: middle;
}
.table-auto-center>tbody>tr>td{
    vertical-align: middle;
}

/*搜索输入框组合*/
.search-input-group{
    width: 320px;
}
/*下拉框 宽度*/
.select-form-control{
    width: 200px;
    border-radius: 4px;
}
/*表格树形结构tree相关样式*/
.treegrid-indent {
    width:16px; 
    height: 16px; 
    display: inline-block; 
    position: relative;
}
.treegrid-expander {
    width:16px; 
    height: 16px; 
    display: inline-block; 
    position: relative; 
    cursor: pointer;
    font-weight: 800;
    font-size: 16px;
    margin-left: 16px;
}
/*添加图片*/
.plus-box{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 26px;
    border: 1px dashed #ddd;
    vertical-align: top;
    margin: 4px;
    background: #fff;
}
.plus-box:hover,.plus-box:focus{
    border-color: #2589ff;
    text-decoration: none;
}
.close-box{
    position: relative;
    display: inline-block;
}

.close-box:hover {
    color: #444;
}
.close-box .icon{
    position: absolute;
    z-index:  10;
    font-size:  18px;
    right: -10px;
    top: 0;
}

#goods_pic_list .icon{
    position: absolute;
    z-index:  10;
    font-size:  20px;
    right: -20px;
    top: 0;
}


#goods_pic_list{
    position: relative;
    display: inline-block;
}

#goods_pic_list:hover {
    color: #444;
}


.close-box .icon:hover {
    color: #a94442;
}
/*空内容默认显示*/
.empty-box{
    text-align: center;
    border: 1px dashed #ddd;
    padding: 30px 15px;
}
.picture .empty-box{
    margin: 0 10px
}

/********************公用组合样式 end***********************/
/********************部分页面相关样式***********************/
.panel-row{
    /*padding: 0 15px;*/
    margin-bottom: 20px;
}
.panel-row .item{
    background: #eee;
    /*margin-bottom: 20px;*/
    padding: 20px;
    color: #fff;
    font-size: 16px;
}
.panel-row .item .icon{
    font-size: 60px;
    display: block;
    width: 60px;
    height: 60px;
}
.panel-row .item .inner{
    font-size: 16px;
    border-left: 1px solid #fff;
    padding-left: 12px;
    margin-left: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.panel-row .item .num{
    font-size: 24px;
    font-weight: 700;
}
.panel-bg-1{
    background: #53c7a0!important;
}
.panel-bg-2{
    background: #65b0cd!important;
}
.panel-bg-3{
    background: #7a6fcb!important;
}
.panel-bg-4{
    background: #ca7096!important;
}
.panel-bg-5{
    background: #dc4e4e!important;
}
.panel-bg-6{
    background: #de9f3d!important;
}
.panel-bg-7{
    background: #7b7b7b!important;
}
/*首页面板*/
.panel-home .item{
    text-align: center;
    margin: 5px 0;
}
.panel-home .item .num{
    color: #ff0000;
    font-size: 22px;
}
/*评论页面相关样式*/

/*添加商品相关样式*/
.add-goods-type{}
.add-goods-type .btn{
    padding: 14px 40px;
    font-size: 12px;
}
.add-goods-type .btn.active{
    border-color: #2589ff;
    color: #2589ff;
    background: none;
    box-shadow: none;
}
.add-goods-type .btn.active:hover,.add-goods-type .btn.active:active{
    background: none;
    box-shadow:none;
    outline: none;
}
.spec-item a.selected{
    background: #23b7e5;
    color: #fff;
    border: 1px solid #21a5ce;
}

.side-catalog{
    position: fixed;
    right: 40px;
    top: 50%;
    z-index: 9999;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    box-shadow: 0 0 10px 0px rgba(0,0,0,.1);
}
.spec-img-box{}
.spec-img-box img{
    width: 30px;
    height: 30px;
}
/*订单及会员详情相关样式*/
.panel-detail{}
.panel-detail .media,.panel-detail .media-body{
    overflow: initial;
}
.panel-detail .media-body .form-control{
    width: 160px;
}
.panel-detail .text-label{
    width: 86px;
    display: inline-block;
}
.panel-detail .item{
    height: 200px;
    margin: 15px 0;
    padding: 10px 20px;
}
/*商品分析相关样式*/
.ranking{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #ddd;
}
.ranking.placed{
    background: #dc4141;
}
/*应用页面相关样式*/
.plugin{}
.plugin .plugin-title{
    position: relative;
    padding: 10px;
    margin-bottom: 5px;
    font-weight: 800;
}
.plugin .plugin-title:after{
    position: absolute;
    display: block;
    content: '';
    width: 2px;
    height: 16px;
    background: #2589ff;
    left: 0;
    top: 12px;
}
.plugin-list{
    margin-right: -10px;
}
.plugin-list li{
    float: left;
    padding: 0 15px 15px 0;
    width: 20%;
    max-width: 295px;
}
.plugin-list .item .icon{
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    border-radius: 4px;
    background: #2589ff;
}
.plugin-list .item{
    padding: 8px;
    background: #f8f8f8;
    display: block;
    position: relative;
    border-radius: 4px;
}
.plugin-list .item:hover{
    background: #eee;
    color: inherit;
}
.plugin-list .item .media-left img{
    border-radius: 4px;
}
/*权限相关*/
.tree-checkbox-group{
    
}
.tree-checkbox-group .item_chek{

}
.tree-checkbox-group .checkbox_seconds,.tree-checkbox-group .checkbox_three {
    margin-left: 20px;
}
.tree-checkbox-group .checkbox{
    
}
.tree-checkbox-group .checkbox-inline{
    margin-left: 0;
    margin-right: 15px;
}
/*素材相关样式*/
.imagesTexts{}
.imagesTexts .item-head{
    position: relative;
}
.imagesTexts .item-head img{
    max-width: 100%;
    height: auto;
}
.imagesTexts .item-head p{
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 24px;
    color: #fff;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,.5);
}
.imagesTexts .item{
    border-top: 1px solid #ddd;
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.imagesTexts .item p{
    height: 40px;
}
.imagesTexts .item img{
    width: 60px;
    height: 60px;
    margin-left: 10px;
}
/*地区管理表格样式*/
.areaTable{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}
.areaTable .areaThead{
    width: 100%;
    overflow: hidden;
    font-size: 0;
}
.areaTable .areaTr{
    width: 100%;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #ddd;
}
.areaTable .areaThead .areaTh{
    background-color: #f5f5f5;
    color: #444;
    vertical-align: bottom;
    height: 37px;
    display: inline-block;
    padding: 8px;
    font-size: 14px;
    text-align: center;
}
.areaTable .areaTr .areaTd{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}
.areaTable .areaTr .areaTd .icon{
    font-weight: 800;
    font-size: 16px;
}
.areaTable .areaThead .areaTh:nth-child(1),.areaTable .areaTr .areaTd:nth-child(1){
    width: 10%;
}
.areaTable .areaThead .areaTh:nth-child(2),.areaTable .areaTr .areaTd:nth-child(2){
    width: 20%;
}
.areaTable .areaThead .areaTh:nth-child(3),.areaTable .areaTr .areaTd:nth-child(3){
    width: 40%;
}
.areaTable .areaThead .areaTh:nth-child(4),.areaTable .areaTr .areaTd:nth-child(4){
    width: 30%;
}
/*图片空间*/
.upload-box{
    position: fixed;
    right: 8px;
    width: 380px;
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    bottom: 8px;
    z-index: 100000000;
    box-shadow: 0 0 10px 0px rgba(0,0,0,.1);
    display: none;
}
.upload-box .upload-head{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-weight: 700;
}
.upload-box .upload-list{
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 20px;
}
.upload-box .upload-list p{
    border-bottom: 1px dashed #ddd;
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upload-box .upload-list p .icon{
    font-size: 16px;
    vertical-align: middle;
    margin-right: 4px;
}
.upload-box .progress{
    margin-bottom: 0;
}
.picture{
    margin: 0 -10px;
}
.picture .thumbnail{
    width: 180px;
    float: left;
    margin: 10px;
}
.picture .thumbnail .img{
    display: block;
    position: relative;
    width: 160px;
    height: 160px;
    margin: 5px auto;
    cursor: pointer;
    text-align: center;
    line-height: 160px;
}
.picture .thumbnail .img input[type='checkbox']{
    position: absolute;
    left: 2px;
    top: 1px;
    z-index: 10;
    cursor: pointer;
}
.picture .thumbnail .img img{
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    padding: 0;
}
.picture .thumbnail .name{
    padding: 0 6px;
    position: relative;
    margin-bottom: 5px;
    height: 22px;
}
.picture .thumbnail .name span{
    display: block;
    width: 100%;
    padding-right: 24px;
}
.picture .thumbnail .name .icon{
    display: block;
    position: absolute;
    right: 6px;
    top: 3px;
    z-index: 10;
    cursor: pointer;
}
.picture .thumbnail .operation{
    padding: 0 6px;
    min-height: 102px;
}
.picture .thumbnail .operation h3{
    margin: 10px 0;
}
.picture .thumbnail .operation .btn{
    margin-bottom: 4px;
    margin-right: 4px;
}
/*注册营销相关样式*/
.transfer-box{}
.transfer-box .item{
    display: inline-block;
    border: 1px solid #ddd;
    width: 330px;
    height: 400px;
    
}
.transfer-box .item .heights{
    height: 296px;
    overflow-y: auto;
    padding: 10px 10px 0;
}
.transfer-box .item .transfer-title{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px;
    border-bottom: 1px solid transparent;
}
.transfer-box .item .heights .checkbox{
    width: 146px;
    display: inline-block;
}
.transfer-box .item-left{}
.transfer-box .item-right{}
/********************部分页面相关样式 end***********************/
/*图片空间dialog*/
.picture-dialog{}
.picture-header{
}
.picture-body{
    overflow: hidden;
    height: 500px;
    border: 1px solid #ddd;
}
.picture-sidebar{
    float: left;
    width: 20%;
    height: 100%;
    overflow-y: auto;
    /*background: #f9f9f9;*/
    overflow-x: hidden;
}
.picture-sidebar .list-group{
    margin: 0 -1px;
}
.picture-container{
    float: left;
    width: 80%;
    height: 100%;
    overflow-y: auto;
    /*background: #f5f5f5;*/
}
.album-list{
    /*overflow: hidden;*/
    padding: 4px;
    min-height: 424px;
}
.album-list .item{
    float: left;
    margin: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    width: 148px;
    height: 150px;
    line-height: 146px;
    text-align: center;
}
.album-list .item.active{
    border: 1px solid #2589ff;
}
.album-list .item img{
    width: auto;
    height: auto;
    max-height: 99%;
    max-width: 100%;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
/*icon选择*/
.icon-selection {
    font-size: 0;
}
.icon-selection .item {
    display: inline-block;
    text-align: center;
    color: #333;
    font-size: 14px;
    margin: 14px 0px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 8px;
    border-radius: 4px;
}
.icon-selection .item:active,.icon-selection .item:hover,.icon-selection .item:focus{
    text-decoration: none;
}
.icon-selection .item:hover{
    background: #f5f5f5;
}
.icon-selection .item.active{
    background: #2589ff;
    color: #ffffff;
}
.icon-selection .icon {
    font-size: 2.2em;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0px auto;
}
/*图片列表*/
.picture-list{
    font-size: 0;
    margin: 0 -4px;
}
.picture-list img{
    margin: 4px;
    vertical-align: top;
    width: 80px;
    height: 80px;
}

.dialog-box{
    max-height: 460px;
    overflow-y: auto;
}
/*系统链接相关*/
.links-dialog{}
.links-dialog .links-list{
    overflow-y: auto;
    max-height: 360px;
    padding: 0 15px 15px;
}
.links-dialog .links-list .item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom:1px dashed #ddd;
}
.category-group{
    border: 1px solid #ddd;
    height: 404px;
}
.category-group .list{
    border-right:  1px solid #ddd;
    height: 100%;
    overflow-y: auto;
}
.category-group .list:last-child{
    border-right: 0;
}
.category-group .list .item{
    display:  block;
    padding:  10px 15px;
    position: relative;
}
.category-group .list .item:after{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 16px;
}
.category-group .list .item.active{
    color: #fff;
    background: #2589ff;
}
.category-group .list .item.active:after{
    content: '';
}
.category-group .list:last-child .item.active:after{
    content: initial;
}
/*店铺dialog相关*/
.divTable{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dddddd;
}
.divTable .divThead{
    width: 100%;
    overflow: hidden;
    font-size: 0;
}
.divTable .divThead .divTh{
    background-color: #f5f5f5;
    color: #444;
    vertical-align: bottom;
    height: 37px;
    display: inline-block;
    padding: 8px;
    font-size: 14px;
    text-align: center;
}
.divTable .divTbody{}
.divTable .divTr{
    width: 100%;
    overflow: hidden;
    font-size: 0;
    border-top: 1px solid #ddd;
    background: #fff;
}
.divTable .divTd{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}
.divTable .highlight{
    border: 2px dashed #e7eaec;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}
.shopTable .divThead .divTh:nth-child(1), .shopTable .divTr .divTd:nth-child(1){
    width: 80%;
}
.shopTable .divThead .divTh:nth-child(2), .shopTable .divTr .divTd:nth-child(2){
    width: 20%;
}
.goodsTable .divThead .divTh:nth-child(1), .goodsTable .divTr .divTd:nth-child(1){
    width: 50%;
}
.goodsTable .divThead .divTh:nth-child(2), .goodsTable .divTr .divTd:nth-child(2){
    width: 25%;
}
.goodsTable .divThead .divTh:nth-child(3), .goodsTable .divTr .divTd:nth-child(3){
    width: 25%;
}

/*动画库*/
.fadeInDown{
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@keyframes fadeInDown{
    0% {
        opacity: 0;
        transform: translate(-50%,-20px);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,0);
    }
}
.fadeInOut{
    -webkit-animation-name: fadeInOut;
    -moz-animation-name: fadeInOut;
    -ms-animation-name: fadeInOut;
    -o-animation-name: fadeInOut;
    animation-name: fadeInOut;
}
@keyframes fadeInOut{
    0% {
        opacity: 1;
        transform: translate(-50%,0px);
    }
    100% {
        opacity: 0;
        transform: translate(-50%,-20px);
    }
}
.minute-mid{
    display: inline-block;
    padding-top: 6px;
}
.info{
    display: inline-block;
    padding-top: 7px;
    color:#CCCCCC;
}
.bord-color{
    border-color:#2589ff;
    color: #2589ff;
    cursor: pointer;
    text-align: center;
}
.search-color{
    background-color: #2589ff;
    color: #fff;
}
.search-color:hover{
    color: #fff;
}
.search-color:focus{
    color: #fff;
}
.sele-goods-info {
    /*width: 100px;*/
    height: 80px;
    margin-top: -7px;
    position:relative;
}
.img-box {
    position: absolute;
    width: 60px;
    height: 60px;
}
.right-text {
    position: absolute;
    /*width: 30px;*/
    height: 30px;
    left: 60px;
}
.right-price {
    position: absolute;
    height: 50px;
    left: 60px;
    top: 30px;
    padding-left:10px;
}
.right-text p span{
    padding-left: 10px;
}
.date-input-group.date_style {
    display: inline-block;
}
.bg-col{
    background-color:rgba(251, 247, 238, 1);
    border-color: rgba(255, 204, 153, 1);
}
.btn-primary-diy {
    color: #fff;
    background-color: #2589ff;
    border-color: #1491ee;
}
.btn-primary-diy:hover {
    color: #fff;
}
.btn-default-diy {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
#check_goods_info td,#check_goods_info th{
    text-align:center;
}
.a-color{
    color:#2589ff;
}
span.text-success.is_use {
    cursor: pointer;
}
/****************************/
/*首页修改*/
.quickEntry p a.mr-20{
  margin-right: 10px;
}
.quickEntry p a.mr-20:last-child{
  margin-right: 0;
}
.OrderInfo-box .boxItem{
  width: 33.3%;
  padding: 43px;
  display: flex;
  justify-content:center;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.OrderInfo-box .boxItem:nth-child(3n){
  border-right: 1px solid #ddd;
}
.OrderInfo-box .boxItem:nth-child(n+4){
  border-bottom: 1px solid #ddd;
}
.OrderInfo-box{
  flex-wrap:wrap;
}
.OrderInfo-box .boxItem .icon{
    font-size: 50px;
    display: block;
    width: 50px;
    height: 50px;
}
.OrderInfo-box .boxItem .inner{
    font-size: 14px;
    padding-left: 12px;
    margin-left: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.OrderInfo-box .boxItem .inner .num{
    font-size: 20px;
    font-weight: 700;
}
.line1-1 {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
}
.orange{
  color: #ffbd6b;
}
.sort-tab.active{
  color: #2589ff;
  border-bottom: 1px solid #2589ff;
}
.hot-sort .pull-right a,.tradeState .pull-right a{
  margin-left: 6px;
  display: inline-block;
  width: 30px;
  text-align: center;
}
.panel-body .ts-item{
  margin-bottom: 7px;
  width: 78%;
  height: 95px;
}
@media screen and (max-width: 1600px) {
    .panel-body .ts-item{
    width: 69%;
    }
}
@media screen and (max-width: 1400px) {
    .panel-body .ts-item{
    width: 61%;
    }
}
.h-34{
  height: 36px;
}
.h-34 a{
  display: inline-block;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.ts-item-ul li{
  float: left;
  padding: 33px 6px;
  text-align: center;
}
.tradeState .left .left-chart{
  background:url("../images/left-chart.png") no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 300px;
}
.left-chart .rate-item1{
  position: absolute;
  right: 9%;
  top: 96px;
  text-align: center;
}
.left-chart .rate-item2{
  position: absolute;
  right: 16%;
  top: 195px;
  text-align: center;
}
.left-chart .rate-item3{
  position: absolute;
  right: 28%;
  top: 275px;
  text-align: center;
}
.pr{
    position: relative;
}
.sets .sets-border{
  border: 1px solid #ddd;
  padding: 10px;
  overflow-y: scroll;
  height: 400px;
}
.tradeState .panel-paddings{
  padding:0;
}
.OrderInfo-box .boxItem:nth-child(1) .icon{
    color: #ff9600;
}
.OrderInfo-box .boxItem:nth-child(2) .icon{
    color: #e25c2d;
}
.OrderInfo-box .boxItem:nth-child(3) .icon{
    color: #4a79ff;
}
.OrderInfo-box .boxItem:nth-child(4) .icon{
    color: #63c712;
}
.OrderInfo-box .boxItem:nth-child(5) .icon{
    color: #8277ce;
}
.OrderInfo-box .boxItem:nth-child(6) .icon{
    color: #f42a2a;
}

/*首页修改*/
/*物流跟踪弹出层*/
.modal_logistics_info{
    border-top: 1px solid #ddd;
}
.modal_logistics_info ul li{
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.modal_logistics_info ul li:first-child{
    color: #37da0e;
}
.modal_logistics_info ul li .logistic_state{
    margin-bottom: 6px;
}
/*物流跟踪弹出层*/

/*新建页面淡出层*/
.template-list .template-list-ul li{
  float: left;
  margin: 10px;
  padding: 4px;
  border: 1px solid #ddd;
  width: 150px;
  font-size: 12px;
}
.template-list .template-list-pic{
  width: 140px;
  height: 140px;
  overflow: hidden;
  margin-bottom: 8px;
}
.template-list .template-list-pic img{
  max-width: 140px;
  max-height: 140px;
}
.template-list .template-list-ul li p{
  margin-bottom: 8px;
}
.template-list .template-list-button-a{
  display: inline-block;
  border: 1px solid #2589ff;
  color: #2589ff;
  padding: 4px 20px;
  border-radius: 4px;
}
a:focus{
    text-decoration: none;
}
/*新建页面淡出层*/
/*发布商品修改*/
.screen-title2{
  height: 30px;
  margin-bottom: 10px;
}
.screen-title2 .text {
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 6px;
    font-weight: 700;
    border-left: 3px solid #2589ff;
}
.goods_sort_inline{
  width: 32.5%;
  display: inline-block;
}
.pr_0{
    padding-right:0; 
}
.mb-15{
    margin-bottom: 15px;
}
.mb-04{
  margin-bottom: 4px;
}
/*发布商品修改*/
/*10.19 异步修改价格*/
.goodsEdit{
  cursor: pointer;
  position: relative;
}
.goodsEdit .editIcon{
  padding-left: 2px;
  visibility: hidden;
}
.editIcon1{
  padding-left: 2px;
  visibility: hidden;
}
.editChange{
  cursor: pointer;
  position: relative;
}
.editChange .editIcon-pa{
  position: absolute;
  right: 0;
  top: 10px;
  width: 18px;
  height: 18px;
  display: none;
}
.editChange:hover .editIcon-pa{
  display: block;
}
.goodsEdit:hover .editIcon{
  visibility:visible;
}
.goodsEdit .editIcon.visible{
  visibility:visible;
}
/*10.19*/
/*查看详情弹出框*/
.va_dialog_title{
    text-align:center;
    padding-top:4px;
    font-weight: bold;
    font-size: 14px; 
}
.va_dialog_time{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.va_dialog_content{
    margin: 10px auto 0;
    width: 1000px;
    overflow: hidden;
}
.realm_1{
    
}
.realm_1 .domainName{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-left: 30px;
}
.realm_1 .domain-ul li{
    padding-bottom: 20px;
    padding-left: 30px;
}
.realm_1 .domain-ul{
    border-bottom: 1px solid #ddd;
}
.red{
   color:#ff0000; 
}
.domainNamed .domainNamed_title{
    font-size: 16px;
    margin: 20px;
    text-align: center;
}
.domainNamed .domainNamed_img{
    background:url("../images/domainName.jpg") no-repeat;
    width: 360px;
    height: 90px;
    overflow: hidden;
    margin: 4px auto;
    padding-left: 90px;
    padding-top: 33px;
    text-align: left;
}
.domainNamed .domainNamed_word{
    text-align: center;
}
.toDomain{
    text-align: center;
    margin-top: 20px;
}
.toDomain a.btn{
    display: inline-block;
    padding: 6px 70px;
}
.tc{
    text-align: center;
}
/*查看详情弹出框*/
/****************************/
/*订单列表修改*/
.ol-control-label{
    padding-right: 8px;
    text-align: right;
    margin-top: 7px;
    font-weight: 400;
}
.ol_datewidth {
    width: 30%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    text-align: center;
}
.pr .icon-calendar {
    position: absolute;
    bottom: 2px;
    right: 13px;
    top: auto;
    cursor: pointer;
}
.pr-10{
    padding-right: 10px;
}
/*订单列表修改*/
/*模板消息css*/
.tNews-view {
    width: 320px;
}
.tNews-view .tNews-title {
    height: 64px;
    background: url(../images/custom/bg_mobile_head_default.png) no-repeat;
    line-height: 84px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 74px;
}
.tNews-view .view-main {
    height: 475px;
    min-height: 450px;
    border: 1px solid #ddd;
    /* border-bottom: 0; */
    border-top: 0;
    background: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}
.tNews-view .tNews-notice{
    border: 1px solid #ddd;
    margin: 10px;
}
.tNews-view .tNews-notice-title{
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.tNews-view .tNews-notice-content{
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.pb-4{
    padding-bottom: 4px;
}
.tNews-view .tNews-detail{
    padding: 10px;
    color: #ddd;
}
.editor1-main {
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 200px;
    background: #fdfdfd;
    padding: 16px 12px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
}
.editor1-main .editor1-arrow {
    height: 0;
    position: relative;
}
.editor1-main .editor1-arrow:after, .editor1-main .editor1-arrow:before {
    position: absolute;
    font-family: simsun;
    content: "◆";
    top: 60px;
    left: -24px;
    display: block;
    width: 9px;
    height: 18px;
    font-size: 24px;
    color: rgb(253, 253, 253);
    z-index: 111;
}
.editor1-main .editor1-arrow:after {
    left: -25px;
    color: #ddd;
    z-index: 11;
}
.custom-editor1 {
    width: 468px;
    padding-left: 20px;
}
.editor1-inner .form-group .col-sm-2 {
    width: 80px;
}
.editor1-inner .form-group .control-label {
    text-align: right;
    padding: 6px 0;
}
.editor1-inner .form-group .col-sm-10 {
    width: 366px;
}
.custom-editor1 .form-editor1-title{
    padding: 4px;
    background-color: #D9EDF7;
    margin-bottom: 10px;
}
.editor1-inner .form-group {
    margin: 0 -12px;
    margin-bottom: 10px;
    min-height: 30px; 
}
.mt-6{
    margin-top: 6px;
}

.tNews-view .view-main::-webkit-scrollbar-track-piece {
    background-color:#fff;
}
.tNews-view .view-main::-webkit-scrollbar-track-piece {
    background-color:#f2f2f2;
}
.tNews-view .view-main::-webkit-scrollbar {
  width: 14px;
}
.tNews-view .view-main::-webkit-scrollbar {
    width:5px;
    height:9px;
}
.tNews-view .view-main::-webkit-scrollbar-thumb {
    background-color:#dddddd;
    background-clip:padding-box;
    min-height:28px;
}
.tNews-view .view-main::-webkit-scrollbar-thumb:hover {
    background-color:#bbb;
}
/*模板消息css*/
/*小程序相关样式*/
.mini-program-manage{}
.mini-program-manage .box{
    position: relative;
    padding: 15px;
}
.mini-program-manage .box .tag{
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: 10;
    font-style: italic;
    color: #fff;
    width: 0;
    height: 0;
    border-top: 80px solid #2589ff;
    border-right: 80px solid transparent;
}
.mini-program-manage .box .tag>i{
    position: absolute;
    color: #fff;
    font-weight: 800;
    font-size: 52px;
    top: -88px;
    left: 8px;
}
.mini-program-manage .box p{
    max-width: 300px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.mini-program-manage .box .qr .icon{
    font-size: 90px;
    text-align: center;
    display: block;
    line-height: 150px;
    color: #666;
}
.mini-program-manage .box .qr>div{
    margin: 20px auto;
    width: 150px;
    height: 150px;
    line-height: 150px;
    overflow: hidden;
}
.mini-program-manage .box .qr>div img{
    width:100%
}
.mini-program-manage .box .btn{}
/*小程序相关样式-end*/
.picture-list1-pic{
    width: 105px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
}
.picture-list1-pic .icon{
    position: absolute;
    z-index: 10;
    font-size: 20px;
    right: -20px;
    top: 0;
} 
/*编辑快递单样式*/
.eaitExpressContainer{
    border: 1px solid #ccc;
    position: relative;
    background: #fff;
    overflow: hidden;
}

						#container {
							border: 1px solid #ccc;
							position: relative;
							background: #fff;
							overflow: hidden;
						}

						#container .bg {
							position: absolute;
							width: 100%;
							z-index: 0;
						}

						#container .drag {
							position: absolute;
							min-width: 120px;
							min-height: 25px;
							border: 1px solid #aaa;
							z-index: 1;
							top: 10px;
							left: 100px;
							background: #fff;
							cursor: move;
						}

						#container .rRightDown,
						.rLeftDown,
						.rLeftUp,
						.rRightUp,
						.rRight,
						.rLeft,
						.rUp,
						.rDown {
							position: absolute;
							width: 7px;
							height: 7px;
							z-index: 1;
							font-size: 0;
						}

						.rRightDown,
						.rLeftDown,
						.rLeftUp,
						.rRightUp,
						.rRight,
						.rLeft,
						.rUp,
						.rDown {
							position: absolute;
							background: #428bca;
							width: 6px;
							height: 6px;
							z-index: 5;
							font-size: 0;
						}

						.rLeftDown,
						.rRightUp {
							cursor: ne-resize;
						}

						.rRightDown,
						.rLeftUp {
							cursor: nw-resize;
						}

						.rRight,
						.rLeft {
							cursor: e-resize;
						}

						.rUp,
						.rDown {
							cursor: n-resize;
						}

						.rRightDown {
							bottom: -3px;
							right: -3px;
							/*background: #2a6496;*/
						}

						.rLeftDown {
							bottom: -3px;
							left: -3px;
						}

						.rRightUp {
							top: -3px;
							right: -3px;
						}

						.rLeftUp {
							top: -3px;
							left: -3px;
						}

						.rRight {
							right: -3px;
							top: 50%;
							margin-top: -3px;
						}

						.rLeft {
							left: -3px;
							top: 50%;
							margin-top: -3px;
						}

						.rUp {
							top: -3px;
							left: 50%;
						}

						.rDown {
							bottom: -3px;
							left: 50%
						}

						.context-menu-layer {
							z-index: 9999;
						}

						.context-menu-list {
							z-index: 9999;
						}
/*编辑快递单样式*/
/*修改微信菜单样式*/
.cover_appmsg_item{
    position: relative;
    background-size: contain;
}
.appmsg_title{
    background: rgba(0,0,0,0.5);
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 4px;
    font-size: 12px;
}
.appmsg_title a{
    color: #fff;
}
.appmsg_title a:hover{
    color: #fff;
}
.appmsg_thumb_wrp{
    position: relative;
    background-size: contain;
}
/*修改微信菜单样式*/
.mw-68{
    min-width: 68px;
}
/*首页右上角工具栏*/
.menu_list {
    width: 185px;
}
.menu_head {
    box-sizing: border-box;
    /*width: 200px;*/
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    color: #525252;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    position: relative;
    font-weight: bold;
    background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}
.menu_list .current {
    background: #f1f1f1 url(../images/pro_top.png) center right no-repeat;
}
.menu_body {
    /*width: 198px;*/
    height: auto;
    overflow: hidden;
    line-height: 38px;
    border-left: 1px solid #e8e8e8;
    background: #fff;
    border-right: 1px solid #e8e8e8;
}
.menu_body a {
    box-sizing: border-box;
    display: block;
    width: 197px;
    height: 38px;
    line-height: 38px;
    padding-left: 12px;
    background: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #e8e8e8;
}
.newsTips .dropdown-menu{
    left: -100px;
    padding: 0;
    border-radius:4px;
}
.newsTips .newsTips_badge{
    float: right;
    margin-top: 14px;
    margin-right: 30px;
}
.indexHerfs .dropdown-menu{
    left: -6%;
}
.indexHerfs .dropdown-menu.left3{
    left: -31%;
}
.indexHerfs .dropdown-menu.left1{
    left: 22%;
}

.v-header .user-menu .indexHerfs .dropdown-menu:after, .v-header .user-menu .indexHerfs .dropdown-menu:before{
    left: 60%;
}
.user_dLabels .user_box{
   flex-wrap: wrap;
}
.user_dLabels .user_box .user_item{
   width: 33.3%;
   margin: 18px 0;
   cursor: pointer;
   font-size: 12px;
}
.user_dLabels .dropdown-menu{
    left: -25%;
}
.user-menu .icon{
    font-size: 16px;
}
.user-menu .user_dLabels{
    margin-top: 14px;
    height: 40px;
}
.newsTips .pa{
    position: absolute;
    top: -10px;
    left: 15px;
}
/*首页右上角工具栏*/
/*按钮修改*/
.btn-operation {
    display: inline-block;
    margin-right: 4px;
    color: #2589ff;
    padding:2px 4px;
    font-size: 12px;
    position: relative;
}
.btn-operation:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 1px;
    top: 50%;
    right: 1px;
    -webkit-transform: translate(4px,-50%);
    -moz-transform: translate(4px,-50%);
    -ms-transform: translate(4px,-50%);
    transform: translate(4px,-50%);
    background: #bbb;
}
.btn-operation:hover{
    color: #1E83FF;
}
.operationLeft{
    text-align: right !important;
}
.text-red1{
    color: #f00;
}
.text-red1:focus{
    color: #f00 !important;
}
.text-red1:hover{
    color: #e90909;
}
.pr-14{
    padding-right:14px !important;
}
/*按钮修改*/
.break-word{
    word-wrap: break-word;
    word-break: break-all;
}
.close-box1 {
    position: relative;
    display: inline-block;
}
.close-box1 .icon {
    position: absolute;
    z-index: 10;
    font-size: 20px;
    right: -16px;
    top: -8px;
}
.close-box2 {
    position: relative;
    display: inline-block;
}
.close-box2 .icon {
    position: absolute;
    z-index: 10;
    font-size: 20px;
    right: -16px;
    top: -8px;
}
/*添加门店的样式*/
.map_location{
    max-height: 330px;
    overflow-y: scroll;
}
.map_location_box{
    padding:10px;
    border-bottom:1px solid #ddd;
    cursor: pointer;
}
.map_location_box:last-child{
    border-bottom:none;
}
.map_location_box:hover{
    background-color: #2589ff;
    color: #fff;
}
.plpr-0{
    padding-left: 0;
    padding-right: 0;
}
.map_div{
    height:300px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
/*添加门店的样式*/
/*发布商品微信卡券样式*/
.wxCard-view{
    width: 320px;
}
.wxCard-view .wxCard-bg{
    height: 25px;
    background: url(../images/custom/bg_mobile_head_default_gaitubao_com_320x25.png) no-repeat;
}
.wxCard-view .view-main{
    height: 550px;
    min-height: 450px;
    border: 1px solid #ddd;
    /* border-bottom: 0; */
    border-top: 0;
    background: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background-color: #63b359;
}
.word_white{
    color: #fff;
}
.wxCard-view .view-main-content{
    min-height: 350px;
    background-color: #fff;
    margin: 0 10px;
    padding-top: 30px;
}
.wxCard_company{
    color: #979797;
    text-align: center;
}
.wxCard_title{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 28px;
}
.wxCard_used{
    text-align: center;
    margin-bottom: 10px;
}
.wxCard_used .btn{
    color: #fff;
    background-color: #63b359;
}
.wxCard_tips{
    margin-left: 15px;
    font-size: 12px;
}
.wxCard_tips span{
    color: #979797;
}
.wxCard_imagesTexts{
    padding-bottom: 0;
}
.wxCard_imagesTexts .item-head{
    position: relative;
    height: 100px;
}
.wxCard_imagesTexts img{
    width: 100%;
    height: 100%;
}
.wxCard_imagesTexts p{
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 24px;
    color: #fff;
    width: 100%;
    padding-left: 8px;
    background: rgba(0,0,0,.5);
    font-size: 12px;
}
.wxCard_items{
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #e4dbdb;
    font-size: 12px;
    height: 35px;
}
.wxCard_items:last-child{
    border-bottom: none;
}
.view-main-logo{
    position: absolute;
    left: 134px;
    top: 40px;
    background-color: #fff;
    border-radius: 50%;
}
.wxCard-editor{
    width: 580px;
    padding-left: 20px;

}
.wxCard-editor .editor-main{
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 200px;
    background: #fdfdfd;
    padding: 16px 12px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
}
.editor-main .form-group .control-label {
    text-align: right;
    padding: 6px 0;
}
.editor-main .form-group {
    margin: 0 -12px;
    margin-bottom: 10px;
    min-height: 30px;
}
.mb-0{
    margin-bottom: 0;
}
.wx_colorBox{
    position: absolute;
    border: 1px solid #ddd;
    height: 90px;
    width: 100%;
    z-index: 55;
    background-color: #fff;
    padding: 10px;
}
.wx_colorBox .wx_colorBox_item{
    display: inline-block;
    width: 30px;
    height: 30px;  
}
.wx_colorBox .wx_colorBox_item:nth-child(1){
    background-color: #63b359; 
}
.wx_colorBox .wx_colorBox_item:nth-child(2){
    background-color: #2c9f67; 
}
.wx_colorBox .wx_colorBox_item:nth-child(3){
    background-color: #509fc9; 
}
.wx_colorBox .wx_colorBox_item:nth-child(4){
    background-color: #5885cf; 
}
.wx_colorBox .wx_colorBox_item:nth-child(5){
    background-color: #9062c0; 
}
.wx_colorBox .wx_colorBox_item:nth-child(6){
    background-color: #d09a45; 
}
.wx_colorBox .wx_colorBox_item:nth-child(7){
    background-color: #e4b138; 
}
.wx_colorBox .wx_colorBox_item:nth-child(8){
    background-color: #ee903c; 
}
.wx_colorBox .wx_colorBox_item:nth-child(9){
    background-color: #f08500; 
}
.wx_colorBox .wx_colorBox_item:nth-child(10){
    background-color: #a9d92d; 
}
.wx_colorBox .wx_colorBox_item:nth-child(11){
    background-color: #dd6549; 
}
.wx_colorBox .wx_colorBox_item:nth-child(12){
    background-color: #cc463d ; 
}
.wx_colorBox .wx_colorBox_item:nth-child(13){
    background-color: #cf3e36; 
}
.wx_colorBox .wx_colorBox_item:nth-child(14){
    background-color: #5E6671; 
}
.hovers{
    display: none !important;
}
/*发布商品微信卡券样式*/
/*增值应用*/
.applicationAdd .moreShops{
    min-height: 180px;
    padding: 10px;
    background-color: #F2F2F2;
    margin-bottom: 10px;
}
.moreShops .moreShops_img{
    width: 170px;
    height: 170px;
    overflow: hidden;
    float: left;
}
.moreShops .moreShops_img img{
    width: 100%;
    height: 100%;
}
.moreShops .moreShops_copy{
    float: left;
    margin-left: 10px;
}
.moreShops_copy_title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.moreShops_copy .market_price{
    color: #FF6600;
    font-size: 18px;
}
.moreShops_copy p{
    margin-bottom: 5px;
}
.applicationAdd .cycleItem{
    display: inline-block;
    margin-right: 4px;
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    position: relative;
    cursor: pointer;
}
.applicationAdd .cycleItem.sel{
    border: 1px solid #2589ff;
    color: #2589ff;
}
.ad_title{
    border: 1px solid #ddd;
    background-color: #f2f2f2;

}
.ad_title .ad_title_word{
   float: left;
   padding: 10px;
   background-color: #fff;
   color:#2589ff;
   border-top: 2px solid #2589ff;
}
.ad_title .ad_title_tip{
    float: right;
    padding: 10px;
}
.ad_content{
    min-height: 300px;
    border: 1px solid #ddd;
    padding: 10px;
    word-wrap: break-word;
    word-break: break-all;
}
.application_pay{
    margin-top: 10px;
    background-color: #f2f2f2;
    padding: 10px;
}
.text-red{
    color: #f00;
}
.payState .waitPay{
    font-weight: bold;
    color: #f00;
    font-size: 16px;
}
.text-right{
    text-align: right;
}
.payState .border{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.payState_code{
    text-align: center;
}
.payState_code .payState_code_img{
    width: 230px;
    height: 230px;
    overflow: hidden;
    margin-bottom: 4px;
}
.payState .icon-success{
    color: #47B85C;
    font-size: 20px;
}
.payState .pay_type{
    display: inline-block;
    border: 1px solid #ddd;
    margin-right: 4px;
}
.payState .pay_type.sel{
    border-color: #f00;
}
/*增值应用*/
.fs-18{
    font-size: 18px;
}
.fs-0{
    font-size: 0 !important;
}
.selectedPage{
    margin-bottom: 4px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.resize_none{
  resize:none;
}

.empty-box .media_cover1{
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-left: 0;
    cursor: pointer;
}
.empty-box .media_cover1 .create_access{
    display: block;
    border: 2px dotted #d9dadc;
    text-align: center;
    margin-bottom: 0;
    line-height: normal;
    position: relative;
    padding: 42px 0;
}
.empty-box .media_cover1 .create_access a{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    color: #8d8d8d;
    font-size: 14px;
    line-height: normal;
    display: inline-block;
}
.empty-box .media_cover1 .icon-add{
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
}
.textNew1{
    width: 100%;
}
.text_border1{
    border: 1px solid #ccc;
    border-top: none;
    padding: 4px;
    text-align: left;
}
.mt-10{
    margin-top: 10px;
}
/*预览页*/
.preview-title{
    background-color: #FFE699;
    text-align: center;
    padding: 4px;
    color: #FF9933;
}
.wrapper {
    width: 1000px;
    height: 475px;
    margin: 0 auto;
    margin-top: 100px;
}

.preTab {
    border-bottom: 1px solid #ddd;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}

.preTab li {
    display: inline-block;
    width: 80px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border-top: 4px solid #fff;
}

.products {

}

.products .main {
    display: none;
    
}

.products .main.selected {
    display: block;
    margin-top: 10px;
}

.preTab li.active {
    border-bottom: 4px solid #2589ff;
}
.preview_web_left{
    width: 390px;
    min-height: 760px;
    padding: 80px 22px;
    background: url('../images/preview.png') no-repeat;
}
.preview_web_right{
    width: 200px;
    min-height: 200px;
    margin-left: 20px;
}
.preview_web_right_qrbox{
    padding: 15px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
}
.preview_border_dashed{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}
.preview_code img{
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.ml-93{
    margin-left: 93px;

    
}

/*预览页*/
/*公众号2.18修改*/
.ml10{
    margin-left: 10px;
}
.smule-word{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #a6a6a6;
    font-size: 12px;
}
.part3-steps {
    background-color: #fff;
    text-align: center;
    line-height: 60px;
    box-sizing: border-box;
    counter-reset: step;
    color: #9a9a9a;
    font-size: 14px;
}
.part3-step{
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 21px 0;
}
.part3-step.current {
    color: #2589ff;
}
.part3-step:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    width: 60px;
    border-bottom: 2px solid #e4e8eb;
}
.part3-step:last-child:after{display:none}

/*公众号2.18修改*/
.right16{
    right: 16px !important;
}
input::-webkit-input-placeholder {
  color: #999;
}

input::-moz-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder {
  color: #999;
}
/*海报设计样式*/
    #poster {
        width: 320px;
        height: 504px;
        border: 1px solid #ccc;
        position: relative;
        margin-right: 10px;
        overflow: hidden;
    }

    #poster .bg {
        position: absolute;
        width: 100%;
        z-index: 0
    }

    #poster .drag[type=img] img,
    #poster .drag[type=thumb] img {
        width: 100%;
        height: 100%;
    }

    #poster .drag {
        position: absolute;
        width: 80px;
        height: 80px;
        border: 1px solid #000;
    }

    #poster .drag[type=nickname] {
        width: 80px;
        height: 40px;
        font-size: 14px;
        font-family: 黑体;
    }
    #poster .drag[type=words] {
        width: 270px;
        height: 40px;
        font-size: 14px;
        font-family: 黑体;
    }

    #poster .drag img {
        position: absolute;
        z-index: 0;
        width: 100%;
    }

    #poster .rRightDown,
    #poster .rLeftDown,
    #poster .rLeftUp,
    #poster .rRightUp,
    #poster .rRight,
    #poster .rLeft,
    #poster .rUp,
    #poster .rDown {
        position: absolute;
        width: 7px;
        height: 7px;
        z-index: 1;
        font-size: 0;
    }


    #poster .rRightDown,
    #poster .rLeftDown,
    #poster .rLeftUp,
    #poster .rRightUp,
    #poster .rRight,
    #poster .rLeft,
    #poster .rUp,
    #poster .rDown {
        background: #C00;
    }

    #poster .rLeftDown,
    #poster .rRightUp {
        cursor: ne-resize;
    }

    #poster .rRightDown,
    #poster .rLeftUp {
        cursor: nw-resize;
    }

    #poster .rRight,
    #poster .rLeft {
        cursor: e-resize;
    }

    #poster .rUp,
    #poster .rDown {
        cursor: n-resize;
    }

    #poster .rLeftDown {
        left: -4px;
        bottom: -4px;
    }

    #poster .rRightUp {
        right: -4px;
        top: -4px;
    }

    #poster .rRightDown {
        right: -4px;
        bottom: -4px;
    }

    /*#poster .rRightDown {
        background-color: #00F;
    }*/

    #poster .rLeftUp {
        left: -4px;
        top: -4px;
    }

    #poster .rRight {
        right: -4px;
        top: 50%;
        margin-top: -4px;
    }

    #poster .rLeft {
        left: -4px;
        top: 50%;
        margin-top: -4px;
    }

    #poster .rUp {
        top: -4px;
        left: 50%;
        margin-left: -4px;
    }

    #poster .rDown {
        bottom: -4px;
        left: 50%;
        margin-left: -4px;
    }

    .context-menu-layer {
        z-index: 9999;
    }

    .context-menu-list {
        z-index: 9999;
    }
/*海报设计样式*/
.mt-04{
    margin-top: 4px;
}
textarea{
    resize: none;
}
.copyrights{
    background: #fff;
    border-radius: 4px;
    margin: 20px;
    padding: 20px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    text-align: center;
}
/*修改首页表格*/
.ranking-table{
    min-height:275px;
}
.ranking-table-thead li, .ranking-table-tbody li{
    width: 25%;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.ranking-table-thead li{
    height: 37px;
}
/*修改首页表格*/

.poster_reward_alert{
    width:460px;
    height:40px;
    border:1px solid #ddd;
    border-bottom:none;
    background: #f5f5f5;
    line-height:40px;
    padding-left:10px;
}
.poster_reward_alert_border{
    width:460px;
    height:40px;
    border:1px solid #ddd;
    background: #f5f5f5;
    line-height:40px;
    padding-left:10px;
    color:red;
}
/*查询条件样式修改*/
.v-filter-container{
    background-color: #f5f5f5;
    padding: 20px 10px 5px;
    margin-bottom: 10px;
}
.filter-fields-wrap .filter-item__field {
    /*display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;*/
    float: left;
}
.filter-fields-wrap .filter-item__field .v__control-group {
    margin-bottom: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.filter-fields-wrap .filter-item__field .v__control-group .v__control-label {
    width: 80px;
    line-height: 30px;
    text-align: right;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}
.filter-fields-wrap .filter-item__field .v__controls {
    margin-left: 0;
    display: inline-block;
}
.filter-fields-wrap .filter-item__field .v__controls .v__control_input{
    outline:none;
    display: block;
    width: 270px;
    height: 32px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.v-date-input-control{
    display: inline-block;
    position: relative;
}
.v-date-input-control .icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    z-index: 55;
    color: #999;
}
.pr-30{
    padding-right: 30px !important;
}
.v-filter-container label{
    margin-bottom: 0;
}
/*查询条件样式修改*/
.mini-program-manage .qr .icon-mini-program{
    color: #2EB505;
}
.mini-program-manage .qr .icon-mini-program-o{
    color: #C2CFE0;
}
.label-skyBlue {
    background-color: #3abbdb;
}
.label-orange {
    background-color: #ffc000;
}
.label-red {
    background-color: #ec6060;
}
.label-grey {
    background-color: #999;
}
.label-green {
    background-color: #5cb85c;
}
.label-orange2 {
    background-color: #ffab51;
}
.btn-news{
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}
.btn-news:hover{
    color: #fff;
}
/*系统更新模板样式*/
.u-log .u-log-title{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.u-log .u-log-title span{
    font-weight: 400;
    font-size: 12px;
    color: #ccc;
    margin-left: 4px;
}
.updateTips{
  z-index: 10000000;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0,.7);
  width: 100%;
  height: 100%;
}
.updateTips .updateTips-dia{
  width: 350px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.updateTips .updateTips-dia-img{
    margin-bottom: 20px;
}
/*系统更新模板样式*/
/*自定义表单导出样式*/
.field-item {
    padding: 3px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    margin: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    position: relative;
    cursor: pointer;
}
.field-item:active {
    background: #d9d9d9;
}
.field-item.field-item-remove span {
    color: red;
    position: absolute;
    right: -5px;
    top: -10px;
    cursor: pointer;
}
/*自定义表单导出样式*/
/*财务对账修改*/
.reconciliation-box{
    flex-wrap: wrap;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.reconciliation-box .padding-15{
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.reconciliation-box .padding-15:nth-of-type(3n){
    border-right:1px solid #ddd;
}
.ml-2{
    margin-left: 2px;
}
.tooltip > p {
   text-align:left;
 }
.tooltip-inner {
    text-align:left !important;
}
.ml-2 .icon{
    color: #dcd4d4;
}
.editor1-main-tips{
    background: #D9EDF7;
    color: #8a8a8a;
    min-height: 100px;
    padding: 16px 12px;
    -webkit-transition: .5s ease;
}
.hide1{
    display: none;
}
/*财务对账修改*/
.td-left{
    text-align: left !important;
    text-indent: 30px;
}
.search-input-group input{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.search-input-group .input-group-btn .search{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.search-input-group .input-group-btn .J-search{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.type-select-radio li{
    float: left;
    margin-right: 12px;
    width: 220px;
    height: 56px;
    position: relative;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #333;
    text-align: center;
    cursor: pointer;
    display: block;
    border-radius: 4px;
}
.type-select-radio li .radio-label-div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-weight: bold;
    border-radius: 4px;
    padding-left: 20px;
    overflow: hidden;
}
.type-select-radio li .radio-label-div .p1{
    color: #999;
    margin-top: 4px;   
    font-weight: normal;
}
.type-select-radio li.active{
    border-color: #2589ff;
    color: #2589ff;
}
.type-select-radio li .icon-success-sel{
    display: none;
}
.type-select-radio li.active .icon-success-sel{
    display: block;
    position: absolute;
    bottom: -6px;
    right: -6px;
    z-index: 22;
}
.screen-title2 .text1 {
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 6px;
    color: #ccc;
    margin-left: 4px;
}
.widthFixedForm .col-md-2{
    width: 190px;
}
.widthFixedForm .col-md-5{
    width: 620px;
}
.widthFixedForm .col-md-8{
    width: 620px;
}
.input-group-addon:last-child{
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    font-size: 12px;
}
.transfer-search-div{
    position: relative;
}
.transfer-search-div .icon{
    position: absolute;
    right: 10px;
    top: 9px;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    z-index: 55;
    color: #999;
}
.v-datetime-input-control {
    display: inline-block;
    position: relative;
}
.v-datetime-input-control .form-control{
    width: 300px;
}
.v-datetime-input-control .icon{
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    z-index: 55;
    color: #999;
}
.pr .unauthorized{
    background-color: #FFB300;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 48px;
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.plugin-list .item .willOnline{
    position: absolute;
    right: 0;
    top: 0;
}
.mt-0{
    margin-top: 0;
}
.plugin-list .item .media-left img {
    border-radius: 4px;
}
.shortcutBar{
    width: 50px;
    margin-right: 20px;
    /*margin-top: 30px;*/
    height: 60px;
    line-height: 60px;
}
.saveing-box{
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 110px;
    text-align: center;
    overflow: hidden;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
}
.saving{
    width: 10000px;
    height: 10000px;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 1000;
    background-color: rgb(0, 0, 0);
    opacity: .4;
}
.addBoder {
    border: 1px solid #a94442;
}
.h-200{
    height: 200px;
}
.icon-selection .items.active{
    border: 1px solid #2589ff;
}
.icon-selection .items {
    display: inline-block;
    text-align: center;
    color: #333;
    font-size: 14px;
    margin: 14px 0px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 8px;
    border-radius: 4px;
}
.icon-selection .items img{
    width: 35px;
    height: 35px;
    padding: 5px 0;
}
/*通栏改版*/
.previewIndex{
   color: #2589ff;
   font-size: 12px;
   margin: 0 10px;
}
.versionPr{
    position: relative;
}
.versionPr:hover .dropdown-menu{
    display: block;
    left: -68px;
    width: 300px;
    border-radius: 4px;
}
.versionPr .versionPr_ul{
    padding: 6px 10px;
}
.versionPr .versionPr_ul li{
    background-color: #F7F9FA;
    color: #555;
    margin-bottom: 10px;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}
.versionPr .versionPr_ul li:last-child{
    margin-bottom: 0;
}
.layout-user{
    height: 60px;
    line-height: 60px;
}
.ivu-dropdown{
    position: relative;
}
.ivu-dropdown-rel a{
    transition: color .2s ease;
}
.layout-user .ivu-dropdown-rel img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #eee;
}
.newsTips_ul{
    padding: 14px;
    width: 300px;
    line-height: normal;
}
.newsTips_ul li{
    background-color: #F7F9FA;
    color: #555;
    margin-bottom: 6px;
    padding: 0 10px;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}
.ivu-dropdown:hover .dropdown-menu{
    width: 320px;
    display: block;
    left: auto;
    right: -10px;
    top: 96%;
    line-height: normal;
    font-size: 12px;
    border-radius: 4px;
}
.layout-user .user-dropdown .infos {
    padding: 10px 10px 10px 22px;
}
.layout-user .user-dropdown .infos .avatar img {
    width: 68px;
    height: 68px;
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}
.layout-user .user-dropdown .infos .names{
    line-height: 18px;
    margin-left: 5px;
    margin-top: 5px;
}
.layout-user .user-dropdown .operations {
    border-top: 1px solid #f8f8f8;
    padding: 15px 22px 5px 22px;
    flex-wrap: wrap;
}
.layout-user .user-dropdown .operations .icon{
    font-size: 12px;
}
.layout-user .user-dropdown .operations a{
    width: 50%;
    display: inline-block;
    margin-bottom: 10px;
}
.layout-user .user-dropdown .operations a:nth-child(even){
    text-align: right;
}
/*通栏改版*/
/*首页改版*/
.v-card-body{
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 6px;
}
.v-card-body .process{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.process .procedure{
    width: 23%;
    height: 113px;
    box-shadow: 0 1px 1px 0 rgba(245,247,249,.6);
    border-radius: 5px;
    border: 1px solid #eee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    margin-right: 19px;
    box-sizing: border-box;
}
.process .procedure:last-child{
    margin-right: 0;
}
.process .procedure .step-number{
    display: -ms-flexbox;
    display: flex;
}
.process .procedure .step-number img{
    width: 50px;
    height: 50px;
    background-color: #f5f8fe;
    border-radius: 31px;
}
.process .procedure .step-number .select{
    padding-left: 12px;
}
.process .procedure .step-number .select .v-btn-set{
    width: 76px;
    height: 25px;
    line-height: 25px;
    background-color: #1e83ff;
    border-radius: 14px;
    margin-top: 8px;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.process .procedure .step-number .select .v-btn-finish{
width: 76px;
    height: 25px;
    line-height: 25px;
    background-color: #f4f6f8;
    border-radius: 14px;
    margin-top: 8px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.process .procedure .step-number .select .v-btn-finish .icon{
    color: #5ed073;
    font-size: 14px;
    position: relative;
    top: 2px;
}
.v-card-body .engage{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.v-card-body .engage .payment{

    width: 48%;
    background-color: #f5f8fe;
    border-radius: 6px;
    position: relative;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.v-card-body .engage .payment:nth-child(odd){
    margin-right: 20px;
}
.v-card-body .engage .payment-one{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding:20px 0 20px 20px;
    box-sizing: border-box;
}
.v-card-body .engage .pay-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.v-card-body .engage .figures{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.v-card-body .engage .figure{
    width: 33.3%;
}
.v-card-body .engage .figure .pay-mange{
    color: #999;
}
.v-card-body .engage .figure .pay-num{
    font-size: 18px;
    font-weight: 600;
}
.v-card-body .engage .figure .pay-day{
    color: #999;
}
.index-order-red{
    color: #ff5c5c;
}
.index-order-green{
    color: #3db479;
}
.index-order-blue{
    color: #1e83ff;
}
.index-order-red:hover, .index-order-red:active , .index-order-red:focus{
    color: #ff5c5c;
}
.index-order-green:hover, .index-order-green:active, .index-order-green:focus {
    color: #3db479;
}
.index-order-blue:hover, .index-order-blue:active, .index-order-blue:focus {
    color: #1e83ff;
}
.figure-one{
    margin-left: 30px;
}
.payment .string{
    width: 2px;
    height: 30px;
    background-color: #e5e4e4;
    opacity: .8;
    margin: 0 10px;
}
.v-card-body .succession{
    display: -ms-flexbox;
    display: flex;
}
.v-card-body .balance{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.v-card-body .balance .balanceOperation{
    width: 18%;
    display: inline-block;
    padding: 8px;
    height: 70px;
    line-height: 45px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.v-card-body .balance .balanceOperation:hover{
    background-color: #f4f6f8;
}
.v-card-body .balance .balanceOperation .ml-10{
    color:#808080;
}
.v-card-body .contacts .contacts-icon .icon{
    font-size: 40px;
}
.v-card-body .contacts:nth-child(1){
    padding-bottom: 10px
}
.v-card-body .contacts:nth-child(2){
    padding-top: 10px
}
.v-card-body .contacts-bottom{
    border-bottom: 1px solid #eee;
}
.v-card-body .contacts .contacts-word{
    margin-left: 10px;
}
.v-card-body .contacts .contacts-word .title{
    color: #333;
    font-size: 14px;
    margin-bottom: 4px;
}
.v-card-body .ma_ul{
    height: 130px;
    overflow: hidden;
}
.v-card-body .ma_ul li{
    margin-bottom: 10px;
}
.v-card-body .ma_ul li.no_news{
    height: 130px;
    line-height: 130px;
    text-align: center;
}
.bold{
    font-weight: 700;
    font-size: 14px;
}
.proRecommend-img{
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}
.proRecommend-img:last-child{
    margin-bottom: 0;
}
.proRecommend-img a{
    display: inline-block;
    width: 100%;
    height: 180px;
}
.proRecommend-img a img{
    width: 100%;
    height: 100%;
}
.proRecommend-img .proRecommend-img-tips{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 28px;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    padding-left: 4px;
}
.remove-pr .remove-pos{
    display: none;
    position: absolute;
    bottom: -38px;
    left: -35px;
    width: 80px;
    height: 40px;

    z-index: 99;
    padding: 10px 4px;
    text-align: center;
}
.remove-pr:hover .remove-pos{
    display: block;
}
.remove-arrow{
   border: 1px solid #ccc;
   padding: 8px;
   border-radius: 4px;
   background-color: #fff;
}
.remove-arrow:after,.remove-arrow:before{
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    width: 14px;
    height: 10px;
    left: 50%;
    margin-left: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.remove-arrow:before{
    border-bottom: 7px dashed #000;
}
.remove-arrow:after{
    border-bottom: 7px dashed #fff;
}
.v-tooltip .tips-box {
    cursor: pointer;
}
.v-tooltip .tips-box .icon{
    margin-left: 5px;
    font-size: 14px;
}
.v-tooltip{
    position: relative;
    margin-top: 2px;
}
.v-tooltip .v-tooltip-box{
    position: absolute;
    display: none;
    padding: 10px;
    width: 110px;
    bottom: 18px;
    right: -49px;
    z-index: 9999;
}
.v-tooltip:hover .v-tooltip-box{
    display: block;
}
.v-tooltip-box-arrow{
   border: 1px solid #ccc;
   padding: 8px;
   border-radius: 4px;
   background-color: #fff;
}
.v-tooltip-box-arrow:after,.v-tooltip-box-arrow:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    width: 14px;
    height: 10px;
    left: 50%;
    margin-left: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.v-tooltip-box-arrow:before{
    border-top: 7px dashed #000;
}
.v-tooltip-box-arrow:after{
    border-top: 7px dashed #fff;
}
.tooltip-box-ul li{
    margin-bottom: 4px;
}
.tooltip-box-ul li .icon{
    margin-right: 4px;
}
.tooltip-box-ul .icon-index-sel{
    color: #3db479;
}
.pl-10{
    padding-left: 10px;
}
.procedure .select .choose{
    font-size: 12px;
}
.flex-index-right{
    width: 240px;
    flex-shrink: 0;
}
.v-card-body .balance .balanceOperation img{
    width: 50px;
    height: 50px;
}
.contactQQ{
    display: inline-block;
    width: 100%;
}
.contactQQ:hover .title{
    color:#2589ff !important; 
}
.newsTips_ul li.no_count{
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #fff;
}
.btn-version{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
        padding: 3px 12px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    font-size: 12px;
}
/*区块链模板*/
.blockchain-code-pr{
    position: relative;
    width: 100px;
    cursor: pointer;
}
.blockchain-code-pr:hover .blockchain-code-pos{
    display: block;
}
.blockchain-code-pr .blockchain-code-pos{
    display: none;
    position: absolute;
    left: -80px;
    width: 260px;
    height: 190px;
    z-index: 99;
    padding: 10px 4px;
    text-align: center;
}
.blockchain-code-pr .blockchain-code-arrow{
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    background-color: #fff;
}
.blockchain-code-arrow:after, .blockchain-code-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    width: 14px;
    height: 10px;
    left: 50%;
    margin-left: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.blockchain-code-arrow:before {
    border-bottom: 7px dashed #000;
}
.blockchain-code-arrow:after {
    border-bottom: 7px dashed #fff;
}
/*区块链模板*/

/*发布商品修改5.31*/
.input-group-addon:first-child{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.fold-btn{
    cursor: pointer;
    width: 100px;
}
.rotate.icon-drop-down:before {
    transform: rotate(-90deg);
    transition: all;
}
.w-120{
    width: 120px;
}
.text-left .goods-sku-items{
    display: inline-block;
    margin: 4px;
    position: relative; 
}
.text-left .goods-sku-items .checkbox-inline{
    padding-top: 0;
    margin-right: 4px;
}
.text-left .goods-value-add{
    color: #444;
    border: 1px dashed #ccc;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: 12px;
    vertical-align: middle;
}
.text-left .goods-value-add:hover{
    color: #2589ff;
    border: 1px dashed #2589ff;
}
.inline-block .goods-value-add-input{
    border: 1px solid #2589ff;
    padding: 2px 4px;
    width: 73px;
    height: 30px;

}
.inline-block .goods-value-sure{
    display: inline-block;
    background-color: #2589ff;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
.spec-tips{
    background-color: #FEE0B3;
    padding: 10px;
    border-radius: 4px;
}
.other-category{
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    min-height: 50px;
}
/*发布商品修改*/
/*首页改版*/
.linkDialog-title{
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    margin-top: 10px;
}
.w-192{
    width: 192px;
}
.v-header-img{
    height: 30px;
    max-width: 400px;
    margin-top: -6px;
}
/*品类修改*/
.heights .checkbox_one{
    margin-left: 20px;
}
.heights .category_checkbox{
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    min-height: 27px;
}
.tree-checkbox-group.heights .checkbox_three{
    margin-left: 30px;
}
.checkbox_seconds_icon{
    margin-right: 4px;
    position: relative;
    top: 4px;
}
.ml-20{
    margin-left: 20px;
}
.bgcccc{
    background-color: #eaeaea !important;
    border-color: #eaeaea !important;
}
.bgccc{
    background-color: #eaeaea !important;
    border-color: #eaeaea !important;
}
input[type="checkbox"].bgccc:before{
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    height: 6px;
    width: 9px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    top: 3px;
    margin-left: 3px;
}
input[type=checkbox].bgccc:checked{
    border-color: #2589ff !important;;
    background: #2589ff !important;;
}
/*品类修改*/


/*短信模板修改*/
.variate-choice{
    width: 126px;
    border: 1px solid #ddd;
    text-align: center;
    border-left: none;
}
.variate-choice p{
    height: 30px;
    line-height: 30px;
    background-color: #ddd;
}
.bbrr0{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.variate-choice-item{
    max-height: 110px;
    overflow-y: scroll;
}
.variate-choice-item a{
    margin-top: 4px;
}
/*短信模板修改*/

/*商品列表链接浮层*/
.link-pr{}
.link-pr:hover .link-pos{
    display: block;
}
.link-pr .link-pos{
    display: none;
    position: absolute;
    bottom: -38px;
    right: -42px;
    width: 472px;
    height: 40px;
    z-index: 99;
    padding: 10px 4px;
    text-align: center;
}
.link-arrow {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 4px;
    background-color: #fff;
    /*height: 240px;*/
    color: #444;
}
.link-arrow:after, .link-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    width: 14px;
    height: 10px;
    left: 87%;
    margin-left: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.link-arrow:before {
    border-bottom: 7px dashed #000;
}
.link-arrow:after {
    border-bottom: 7px dashed #fff;
}
.bbllrr0{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.link-flex .flex-1:not(:last-child) .mb-04{
    border-right: 1px solid #ddd
}

/*商品列表链接浮层*/

/*客服聊天记录*/
.service-chat-title{
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 50px;
}
.service-chat-title .item1{
    flex:0 1 300px;
    background-color:#f5f5f5;
}
.service-chat-title .item2{
    flex:1 1 auto;
}
.service-chat-title .item{
    padding: 16px 10px;
    border-right: 1px solid #ddd;
}
.category-group-chat .item{
    flex:0 1 300px;
}
/*客服聊天记录*/

/*证书设置*/
.cert-editor-inner .form-items .inner {
    height: auto;
}

.cert-editor-inner .form-items .inner .item {
    height: auto;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    overflow: hidden;
    cursor: move;
}

.cert-editor-inner .form-items .inner .highlight {
    border: 2px dashed #e7eaec;
    margin-bottom: 10px;
    text-align: center;
    font-size: 16px;
    color: #ccc;
}

.cert-editor-inner .form-items .inner .item .btn-del {
    height: 0;
    width: 100%;
    display: block;
    position: relative;
}

.cert-editor-inner .form-items .inner .item .btn-del:before {
    content: "×";
    position: absolute;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    border-radius: 16px;
    top: -6px;
    right: -6px;
    z-index: 10;
}

.cert-editor-inner .form-items .inner .item .item-image {
    height: 70px;
    width: auto;
    min-width: 40px;
    max-width: 220px;
    background: #fff;
    float: left;
    margin-right: 10px;
    border: 1px solid #e7eaec;
    position: relative;
}

.cert-editor-inner .form-items .inner .item .item-image img {
    height: 68px;
    width: auto;
    max-width: 120px;
    display: block;
}

.cert-editor-inner .form-items .inner .item .item-image.square {
    width: 70px;
    height: 70px;
    cursor: pointer;
}
.cert-editor-inner .form-items .inner .item .item-image.square img {
    width: 68px;
    height: 68px;
}

.cert-editor-inner .form-items .inner .item .item-image .text {
    height: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    cursor: pointer;
}

.cert-editor-inner .form-items .inner .item .item-image.drag-btn {
    font-size: 14px;
    line-height: 68px;
    text-align: center;
    cursor: move;
}

.cert-editor-inner .form-items .inner .item .item-image .icon-main {
    height: 50px;
    width: 68px;
    line-height: 50px;
    text-align: center;
    background: #fff;
}

.cert-editor-inner .form-items .inner .item .item-image .icon-main .icon {
    font-size: 30px;
    line-height: 50px;
}

.cert-editor-inner .form-items .inner .item .item-form {
    height: auto;
    display: block;
    overflow: hidden;
}

.cert-editor-inner .form-items .inner .item .title {
    padding-bottom: 10px;
}

.cert-editor-inner .form-items .inner .item .title-child {
    padding-bottom: 10px;
    padding-top: 10px;
}
.cert-editor-inner .form-items .inner .item .item-body.child {
    margin-bottom: 10px;
    background: #fff;
}
.cert-editor-inner .form-items .goods-inner{
    overflow: hidden;
    padding: 0 6px;
}
.cert-editor-inner .form-items .goods-inner .goods-item{
    float: left;
    padding: 6px;
    position: relative;
    margin-bottom: 6px;
}
.cert-editor-inner .form-items .goods-inner .goods-item .btn-del {
    height: 0;
    width: 100%;
    display: block;
    position: relative;
}

.cert-editor-inner .form-items .goods-inner .goods-item .btn-del:before {
    content: "×";
    position: absolute;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    border-radius: 16px;
    top: -6px;
    right: -6px;
    z-index: 10;
}
.cert-editor-inner .form-items .goods-inner .goods-item .item-image{
    width: 70px;
    height: 70px;
}
.cert-editor-inner .form-items .goods-inner .goods-item .item-image img{
    height: 100%;
    width: 100%;
    display: block;
}
/*证书设置*/

/*区块链*/
.wallet-pay{}
.wallet-pay .wallet-pay-item{
    width: 150px;
    height: 50px;
    border: 1px solid #ccc;
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.wallet-pay .wallet-pay-item.sel{
    border: 1px solid red;
}
.wallet-pay .sel-pic{
    display: none;
}
.wallet-pay .wallet-pay-item.sel .sel-pic{
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0px;
}
/*区块链*/

/*预览图片插件*/
.preview-image-list .cover {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
.preview-image-list .cover img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}
#pictureViewer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10000;
}
#pictureViewer > .content {
  background-color: #fff;
  position: absolute;
  width: 590px;
  height: 420px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pictureViewer .menu-bar {
  width: 100%;
}
#pictureViewer .menu-bar .handel {
  width: 40px;
  height: 40px;
  float: right;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover {
  background-color: #2589ff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#pictureViewer .menu-bar .handel.maximization {
  background-image: url(../images/previewSrc/maximization_black.png);
  background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover {
  background-image: url(../images/previewSrc/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization {
  background-size: 16px;
  background-image: url(../images/previewSrc/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover {
  background-image: url(../images/previewSrc/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view {
  background-image: url(../images/previewSrc/close_black.png);
  background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover {
  background-image: url(../images/previewSrc/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next {
  display: inline-block;
  width: 50px;
  height: 70px;
  position: relative;
  top: calc(50% - 80px);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#pictureViewer .handel-prev {
  background-image: url(../images/previewSrc/prev_blank.png);
}
#pictureViewer .handel-next {
  background-image: url(../images/previewSrc/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover {
  background-color: #2589ff;
}
#pictureViewer .handel-prev:hover {
  background-image: url(../images/previewSrc/prev_white.png);
}
#pictureViewer .handel-next:hover {
  background-image: url(../images/previewSrc/next_white.png);
}
#pictureViewer .picture-content {
  display: inline-block;
  width: 80%;
  height: calc(100% - 80px);
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}
#pictureViewer .picture-content .cover {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pictureViewer .counter {
  position: absolute;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  color: gray;
  font-size: 13px;
}
#pictureViewer .hide {
  display: none;
}
#pictureViewer .left {
  float: left;
}
#pictureViewer .right {
  float: right;
}
#pictureViewer .clear-flex {
  clear: both;
}
#pictureViewer img {
  max-width: 100%;
  max-height: 100%;
}
/*预览图片插件*/
/*关联品类的浮层*/
.category-pr{
    position: relative;
}
.category-pr .category-pos {
    display: none;
    position: absolute;
    bottom: 0;
    right: -144px;
    width: 140px;
    height: 40px;
    z-index: 99;
    padding: 10px 4px;
}
.category-arrow {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
    background-color: #fff;
}
.category-arrow:after, .category-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 58%;
    width: 14px;
    height: 10px;
    left: -7px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.category-arrow:before {
    border-bottom: 7px dashed #000;
}
.category-arrow:after {
    border-bottom: 7px dashed #fff;
}
.category-pr:hover .category-pos {
    display: block;
}
.ellipsis-span{
    display: inline-block;
    max-width: 146px;
}
/*关联品类的浮层*/
/*进度条*/
.level-pro{
    width: 300px;
    height: 30px;
    background-color: #e6e6e6;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    position: relative;
    overflow: hidden;
}
.level-pro .user-pro{
    border-radius: 80px;
    height: 30px;
    background-color: #FF3300;
}
.level-pro .level-word{
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
}
.level-status{
    position: relative;
    top: -11px;
    display: inline-block;
}
/*进度条*/
/*智能客服*/
.lligent-CS{cursor: pointer;position: fixed;z-index: 2000000001;}
.rb{right: 80px;bottom: 16px;}
.lligent-wrp{position: relative;}
.lligent-CS img{width: 68px;}
.CS-tips{position: absolute;font-size: 12px;color: #666;width: 120px;border: 1px solid #ddd;top: -64px;border-radius: 6px;padding: 4px 6px;background: #fff;-webkit-animation-duration: 1s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.CS-tips:before{content: " ";position: absolute;top: 100%;left: 22px; width: 0;height: 0;border-top: 10px solid #ddd;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.CS-tips:after{content: " "; position: absolute;top: 100%;left: 23px; width: 0;height: 0;border-top: 9px solid #fff;border-left: 9px solid transparent;border-right: 9px solid transparent;}
.CS-wrp{position: absolute;right: 624px;bottom: 490px;z-index: 2000000001;}
.CS-wrp p{margin: 0;}
.CS-container{width: 550px;height: 500px;border:2px solid #14A4FF;background: #F0F0F0;position: absolute;}
.CS-header{width: 100%;height: 56px;background: #14A4FF;color: #fff;position: relative;z-index: 100;cursor: move;}
.CS-content{height: 350px;overflow-y: auto;}
.CS-footer{width: 100%;height: 90px;background: #fff;position: relative;}
/*智能客服顶部*/
.robot-logo{width: 64px;height: 64px;box-sizing: border-box;border-radius: 50%;border:2px solid #14A4FF;background: #fff;position: absolute;top: 16px;left: 16px;}
.robot-logo img{width: 100%;height: 100%;}
.robot-title{font-size: 16px;padding-left: 96px;line-height: 56px;}
.robot-close{width: 20px;height: 20px;background: url(/public/platform/static/images/znkf/jiantou.png) no-repeat;position: absolute;right: 16px;top: 16px;background-size: cover;cursor: pointer;}
/*对话*/
.dialog-list{padding: 20px;padding-bottom: 60px;}
.dialog{position: relative;font-size: 0;padding: 20px 0;min-height: 50px;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.dialog:after{display:block;clear: both;content: '';visibility: hidden;height: 0;}
.dialog a{color: #14a4ff;}
.dialog p{color: #333;line-height: 22px;}
.dialog .avater{position: absolute;width: 60px;text-align: center;}
.dialog .avater img{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;}
.dialog .avater .name{display: block; font-size: 12px;color: #333;}
.dialog .info{display: inline-block; border-radius: 8px;padding: 10px 14px;font-size: 14px;max-width: 350px;position: relative;margin-top: 4px;letter-spacing: 1px;}
.dialog .info:after{content: " ";-webkit-backface-visibility: hidden;position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;border-style: solid;border-width: 8px;}
.manual-tips{border-radius: 30px;font-size: 12px;text-align: center;padding: 10px;width: 350px;border: 1px solid #ccc;margin-left: -14px;position: absolute;margin-top: 30px;}
/*智能客服info*/
.dialog-robot .info{background: #fff;margin-left: 74px;float: left;}
.dialog-robot .info:after{top: 12px;left: -16px;border-color: transparent #fff transparent transparent;}
/*用户info*/
.dialog-user{padding-top: 60px;}
.dialog-user:nth-of-type(2){padding-top: 20px;}
.dialog-user .avater{right: 0;}
.dialog-user .info{background: #14a4ff;margin-right: 74px;float: right;}
.dialog-user .info p{color: #fff;}
.dialog-user .info:after{top: 12px;right: -16px;border-color: transparent transparent transparent #14a4ff;}
/*输入*/
.CS-input-wrp{height: 90px;position: relative;}
.CS-input{resize: none;width: 100%;height: 90px; border: none;background-color: #fff;outline: 0;overflow: hidden;box-sizing: border-box;padding: 16px 150px 16px 16px;line-height: 20px;}
.CS-send{position: absolute;top: 30%;right: 20px;}
.send-btn{font-size: 16px;border:none;border-radius: 30px;padding: 8px 20px;color: #fff;background: #14a4ff;outline: 0;cursor: pointer;}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
/*智能客服*/
.w-400{
    width: 400px;
}
.text-right{
    text-align: right !important;
}
.goods_circle .inline-block{
    border: 1px solid #ccc;
    width: 130px;
    height: 170px;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
}
/*好物圈详情*/
.gcd-shu {
    display: inline-block;
    margin-right: 4px;
    padding: 2px 4px;
    font-size: 12px;
    position: relative;
}
.gcd-shu:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 1px;
    top: 50%;
    right: 1px;
    -webkit-transform: translate(4px,-50%);
    -moz-transform: translate(4px,-50%);
    -ms-transform: translate(4px,-50%);
    transform: translate(4px,-50%);
    background: #bbb;
}
.goods-circle-detail .gcd-avatar1{
    width: 60px;
}
.goods-circle-detail .gcd-avatar1 img{
    border-radius: 50%;
}
.gcd-content{
    word-wrap: break-word;
    word-break: break-all;
    margin-bottom: 10px;
}
.gcd-preview-list{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.gcd-preview-list .cover {
    position: relative;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.gcd-preview-list .cover img, .gcd-preview-list .cover video {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
}
.gcd-praise .gcd-avatar2{
    width: 60px;
}
.gcd-praise .gcd-avatar2 img{
    border-radius: 50%;
}
b{
    font-weight: normal;
}
.gcd-praise .gcd-reply{
    background-color: #f6f6f6;
    padding: 15px;
}
#pictureViewer video {
    max-width: 100%;
    max-height: 100%;
}
.ml-04{
    margin-left: 4px;
}
.mw-none{
    max-width: none !important;
}
/*好物圈详情*/
/*账号体系模板*/
.account-system{}
.account-system .as-box{
    justify-content:center;
}
.account-system .as-box-item{
    width: 300px;
    height: 400px;
    border: 1px solid #dcd9ec;
    border-radius: 4px;
    margin-right: 10px;
    padding: 20px 10px;
    position: relative;
    cursor: pointer;
}
.account-system .as-box-item.sel{
    border-color: #2589ff;
}
.account-system .as-box-item.sel .sel-pic{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    background: url(/public/platform/images/ASsel.png) no-repeat;
}
.account-system .as-title{
    text-align: center;
    margin-bottom: 10px;
    min-height: 110px;
}
.account-system .as-title .as-title-img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.text-orange{
    color: #FF9900;
}
.mh-56{
    min-height: 56px;
}
.as-tabs>li>a{
    width: 87px !important;
}
.as-box-item .v-tooltip .v-tooltip-box{
    width: 160px;
    font-size: 12px;
}
.as-box-item .v-tooltip .v-tooltip-box{
    right: -73px;
}
.as-box-item.unSel{
    background-color: #F2F2F2;
}
p.bind-phone{
    position: absolute;
    top: 119px;
    left: 97px;
}
p.check-box {
    position: absolute;
    left: 149px;
}

/*账号体系模板*/
.w-800{
    width: 800px;
}
.mp-guide .mp-guide-box:nth-child(1) {
    background-color: #F0FFEF;
    color: #339900;
}
.mp-guide .mp-guide-box:last-child {
    margin-bottom: 0;
}
.mp-guide .mp-guide-box:nth-child(2) {
    background-color: #FFF9EF;
    color: #FF814A;
}
.mp-guide .mp-guide-item {
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
.mp-guide .mpgi-pic {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
}
.mp-guide .mpgi-pic-icon{
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.mp-guide .mpgi-pic-icon .icon{
    font-size: 40px;
    position: relative;
    top: 6px;
}
.mp-guide .mp-guide-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.mr-15-oList{
    margin-right: 10px;
    margin-bottom: 5px;
    display: inline-block;
    padding: 4px;
}
.disable_spec {
	pointer-events: none;
}



